---
---
<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <title>星的博客</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="style.css">
</head>

<body>
  <header>
    <h1>星的博客</h1>
    <p class="subtitle">记录、分享与成长</p>
    <nav>
      <a href="/love.html">爱心</a>
      <a href="/ikun/index.html">爱坤打篮球</a>
      <a href="#tools">小工具</a>
      <button id="toggle-dark">🌙</button>
    </nav>
  </header>
  <div class="avatar-head-container">
    <div class="avatar-head">
      <div class="eye left">
        <div class="pupil" id="left-pupil"></div>
      </div>
      <div class="eye right">
        <div class="pupil" id="right-pupil"></div>
      </div>
      <div class="blush left"></div>
      <div class="blush right"></div>
      <div class="mouth" id="mouth"></div>
    </div>
  </div>
  <main>
    <section class="posts">
      {% for post in site.posts %}
      <article class="post-card">
        <h2><a href="{{ post.url }}">{{ post.title }}</a></h2>
        <p class="post-meta">{{ post.date | date: "%Y-%m-%d" }} | 分类：{{ post.categories | join: " " }}</p>
        <p class="post-summary">{{ post.excerpt | strip_html | truncate: 70 }}</p>
      </article>
      {% endfor %}
    </section>
    <section id="tools" class="tools">
      <h2>小工具</h2>
      <button onclick="getQuote()">随机一句话</button>
      <p id="quote"></p>
      <button onclick="showTime()">显示当前时间</button>
      <p id="time"></p>
    </section>
    <section id="about" class="about">
      <h2>关于我</h2>
      <p>你好！我是来自同济的星星，热爱编程与生活，喜欢用文字记录成长的点滴。</p>
    </section>
    <section id="contact" class="contact">
      <h2>联系我</h2>
      <p>邮箱：2351289@tongji.edu.cn</p>
    </section>
  </main>
  <script src="main.js"></script>
</body>

</html>